*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input, button {
    border: 0;
    outline: none;
    color: #3B424A;
}
a {
    text-decoration: none;
}
ul li {
    list-style: none;
}
body {
    max-width: 750px;
    color: #3B424A;
    font-size: 0.16rem;
    margin: 0 auto;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: rgba(29,60,67,1);
}
textarea:-moz-placeholder,
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: rgba(29,60,67,1);
}
textarea::-moz-placeholder,
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: rgba(29,60,67,1);
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: rgba(29,60,67,1);
}
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

header {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}
footer {
    width: 100%;
    position: absolute;
    bottom: 0.6rem;
    left: 0;
}
footer .text {
    text-align: center;
    font-size: 0.24rem;
    color: rgba(59, 66, 74, 0.7);
    line-height: 0.36rem;
}